<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>企牛直播－企业视频直播、教学培训直播、营销推广、企业定制直播</title>
		<link href="css/mobile_style.css" rel="stylesheet" type="text/css">
	</head>
	<body>
		
		
		<header>
			<img src="images/logo.png">
			<div class="phonenumber">☏&nbsp;400-021-3822</div>
			<div class="clearfix"></div>
		</header>
		 <div class="banner_box">
		    <ul class="banner">
		    	<li><img src="images/banner1_min.jpg"></li>
		    	<li><img src="images/banner2_min.jpg"></li>
		    	<li><img src="images/banner3_min.jpg"></li>
		    	
		    	<div class="clearfix"></div>
		    </ul>
		    <div class="sangedian">
			    	<span class="conment"></span>
			        <span></span>
			        <span></span>
			       
            </div>
		</div>
		<h1>自动化管理平台</h1>
		<div class="page01">
			
			<!--<p>从现场活动到网络会议，从活动发布，邀请管理，签到，现场互动，结果统计，一站式平台，功能模块自由组装，更易用</p>-->
			<ul class="six_part">
				<li><div class="imgbox"><img src="images/pt_01.jpg"></div>
					<h2>支持活动类型</h2>
					<p>现场活动 ，网络会议</p>
				</li>
				<li><div class="imgbox"><img src="images/pt_02.jpg"></div>
					<h2>活动发布</h2>
					<p>H5邀请函 ，会议网站 ，微网站</p>
				</li>
				<li><div class="imgbox"><img src="images/pt_03.jpg"></div>
					<h2>邀请管理</h2>
					<p>报名表单 ，报名审核 ，通知提醒 ，会场权限</p>
				</li>
				<li><div class="imgbox"><img src="images/pt_04.jpg"></div>
					<h2>电子签到</h2>
					<p>微信签到，参会ID签到</p>
				</li>
				<li><div class="imgbox"><img src="images/pt_05.jpg"></div>
					<h2>现场互动</h2>
					<p>问卷调查，聊天讨论，与主持人问题交流</p>
				</li>
				<li><div class="imgbox"><img src="images/pt_06.jpg"></div>
					<h2>结果统计</h2>
					<p>报名人员统计 ，签到人员统计 ，现场互动统计 ，调查问卷 ，结果统计 ，参会者行为统计分析</p>
				</li>
				<div class="clearfix"></div>
			</ul>
		
		</div>	
		
		<h1>成熟的行业解决方案 </h1>
		<div class="page02">
				
				<ul class="program_menu">
					<li class="active2">教育培训</li>
					<li>活动直播</li>
					<li>企业办公</li>
					<li>电商直播</li>
					<li>定制合作</li>
				</ul>
				<div class="clearfix"></div>
				<ul class="program_main">
					<!--<li >
						<img src="images/program01.png">
						<div class="line"></div>
						<p>借助互联网优势，帮助传统广电媒体实现向互联网转型。把传统电视的观看模式从固定的电视终端向移动化转变，发挥传统广电专业的内容生产能力，通过直播、点播以及更多交互设计，更好的服务于观众，把电视节目转化为可运营的互联网产品。<a  href="solution.html">了解详情</a></p>
						<div class="clearfix"></div>	
					</li>-->
					<li><img src="images/program02.png">
						
						<p>创新在线学习模式，引领直播课堂潮流，直播课堂，让教育培训从此简单。
							企牛直播通过视频云技术，去APP化，多客户端同时观看直播，打破时间和空间，实现高效率，碎片化学习和教学资源丰富的特点。
							
							<!--<a  href="solution.html#solution1">了解详情</a>--></p>
						<div class="clearfix"></div>
					</li>
					<li><img src="images/program01.png">
						
						<p>企牛直播目前已经为会议会展，峰会论坛，产品发布，商演比赛，营销推广、婚礼现场等活动现场提供了最专业的直播服务。
							<!--<a  href="solution.html#solution2">了解详情</a>--></p>
						<div class="clearfix"></div>
					</li>
					<li><img src="images/program05.png">
						
						<p>随着网速的迅速提升，企业在互联网上办公以及视频会议的需求越来越大。企牛直播凭借专业的互联网直播技术，为企业定制专属的在线视频方案，帮助企业节约办公成本。
							<!--<a  href="solution.html#solution3">了解详情</a>--></p>
						<div class="clearfix"></div>
					</li>
					<li ><img src="images/program06.png">
						
						<p> 直播符合电商移动的大趋势。直播表现形式丰富，真实性、互动性、实时性强，能够带来更好的娱乐属性以及信息属性，符合移动互联网场景化、碎片化、个性化、去中心化的特点和趋势。
							<a  href="http://www.jwtian.com/demo/index.html">&nbsp;&nbsp;&nbsp;案列详情</a></p>
						<div class="clearfix"></div>
					</li>
					<li ><img src="images/program04.png">
						
						<p>协助传统公司、企业、媒体完成产业升级，打造专属你的自媒体直播平台，实现高清在线直播，实时多样互动，功能个性化定制，方便快捷交易的一体化直播平台，让传统企业也能快速迈入直播时代。
							<!--<a  href="solution.html#solution4">了解详情</a>--></p>
						<div class="clearfix"></div>
					</li>
					<div class="clearfix"></div>
				</ul>
		</div>	
		<!--<h1>视频直播时代</h1>
		<div class="page03">
			
			<ul class="page03_ul">
				<li class="page03_li_01">
				<p>互动视频</p>
				</li>
				<li class="page03_li_02">
					<p>全平台观看</p>

				</li>
				<li class="page03_li_03">
					<p>数据分析</p>

				</li>
				<li class="page03_li_04">
					<p>观看无上限</p>
				</li>
				<li class="page03_li_05">
					<p>高度定制化</p>

				</li>
				<li class="page03_li_06">
					<p>微信直播</p>
				</li>
				<div class="clearfix"></div>
			</ul>
			
		</div>-->
		<h1>行业客户 </h1>
		<div class="page04">
			
			<!--<ul class="page04_ul">
				<li class="page04_ul_li_01"><a href=""target="_blank"><span>新涛科技</span></a></li>
				<li class="page04_ul_li_02"><a href="" target="_blank"><span>罗氏中国</span></a></li>
				<li class="page04_ul_li_03"><a href="" target="_blank"><span>名丝美发学院</span></a></li>
				<li class="page04_ul_li_04"><a href="" target="_blank"><span>金策黄金</span></a></li>
				<li class="page04_ul_li_05"><a href="" target="_blank"><span>众标软件科技</span></a></li>
				<div class="clearfix"></div>
			</ul>-->
			<div class="big_box">
				<div class="move_box">
			    	<img src="images/logo/1.png">
			        <img src="images/logo/2.png">
			    	<img src="images/logo/3.png">
			    	<img src="images/logo/4.png">
			        <img src="images/logo/5.png">
			        <img src="images/logo/6.png">
			        <img src="images/logo/7.png">
			        <img src="images/logo/8.png">
			        <img src="images/logo/9.png">
			        <img src="images/logo/10.png"> 
			        <img src="images/logo/11.png">
			        <img src="images/logo/12.png">
			        <img src="images/logo/13.png">
			        <img src="images/logo/14.png">
			        <img src="images/logo/15.png">
			        <div class="clearfix"></div>
			    </div>
			</div>
			
		</div>
		
		  <h1>信息录入</h1>
		<div class="apply_box">
	    	<form action="" method="post">
	    		<p>为了更好的服务，请录入您的信息!</p>
	    		<ul class="form_ul">
	    			<li><label class="company_label" for="company_input"></label><input type="text" name="companyName" id="companyName" placeholder="公司名..." /></li>
	    			<li><label class="name_label" for="name_input"></label><input type="text" name="userName" id="userName"  placeholder="姓名..." /></li>
	    			<li><label class="phone_label" for="phone_input"></label><input type="text" name="phone" id="phone"  onchange="p()" placeholder="手机号..." /></li>
	    			<li><label class="mail_label" for="mail_input"></label><input type="text" name="email" id="email" onBlur="checkemail();"  placeholder="邮箱..." /></li>
	    			<li class="code_li"><label class="code_label" for="code_input"></label><input type="text" name="code" id="code"   placeholder="输入验证码" /></li>
	    			<li class="code_li_pic" title="点击切换验证码"><img style="width:100%;  height: 50px;cursor:pointer"  id="codeImg" alt="点击更换" title="点击更换" /></li>
	    			<div class="clearfix"></div>
	    			<li><label class="message_label" for="message_input"></label><textarea type="text" name="message" id="message" value="" placeholder="留言..." ></textarea></li>
	    			<li class="submit"><input type="button" onclick="submitApply(); " style="cursor:pointer" value="提交" /></li>
	    			<div class="clearfix"></div>
	    			
	    		</ul>
	    	</form>
		<footer>
			
			<p>Copyright@2016 ZoomCloud 众标软件科技, All right reserved.<br><a href="http://www.miit.gov.cn" style=" text-align:right;  color: #8b97b1; text-decoration: none !important">沪ICP备15017725号-8</a> </p>
			<div class="tongji" style=" position: absolute;bottom:20px;right: 100px; padding: 0; margin: 0;"><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1258450877'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s11.cnzz.com/z_stat.php%3Fid%3D1258450877%26show%3Dpic' type='text/javascript'%3E%3C/script%3E"));</script></div>
           
		</footer>
	</body>
	<script src="js/jquery-1.7.2.js"></script>
	<script src="js/jquery.tips.js"></script>
	<script>
var n=0;
 $(".banner li").hide();
 $(".banner li").eq(n).show();
 $(".sangedian span").click(
	function(){
		n=$(this).index();
	    clearInterval(t);
		t=setInterval(run,2000);
		$(".sangedian span").removeClass("conment");
		$(this).addClass("conment");
		$(".banner li").hide();
		$(".banner li").eq(n).show();
		
		});
	function run(){
	  if(n<2){
			n=n+1;
		}
		else{ n=0;}
		$(".sangedian span").removeClass("conment");
	    $(".sangedian span").eq(n).addClass("conment");
		$(".banner li").hide();
		$(".banner li").eq(n).show();
	};
	
var t=setInterval(run,2000);
	
	$(".program_main>li").eq(0).show();
$(".program_menu>li").mouseenter(
	function(){
		$(this).addClass("active2").siblings().removeClass("active2");

		w=$(this).index();
		
		$(".program_main>li").eq(w).show().siblings().hide();
	});

$(".page04_ul li").mouseenter(
	function(){
	y=$(this).index();
	$(".page04_ul li span").eq(y).show();	
	}
)

$(".page04_ul li").mouseleave(
	function(){
	y=$(this).index();
	$(".page04_ul li span").eq(y).hide();	
	}
);
$(document).ready(function() {
	changeCode();
	$("#codeImg").bind("click", changeCode);
});
function changeCode() {
	$("#codeImg").attr("src", "code?t=" + genTimestamp());
	
}
function genTimestamp() {
	var time = new Date();
	return time.getTime();
};

function submitApply(){
	var companyName = $("input[name='companyName']").val();
	var userName = $("#userName").val();
	var phone = $("input[name='phone']").val();
	var email = $("input[name='email']").val();
	var message = $("textarea[name='message']").val();
	var code = $("input[name='code']").val();
	if (companyName == "") {

			$("#companyName").tips({
				side : 1,
				msg : '公司名称不得为空',
				bg : '#AE81FF',
				time : 3
			});

			$("#companyName").focus();
			return false;
		}
		
		if (userName == "") {

			$("#userName").tips({
				side : 1,
				msg : '用户名不得为空',
				bg : '#AE81FF',
				time : 3
			});

			$("#userName").focus();
			return false;
		}
		
		if (phone == "") {

			$("#phone").tips({
				side : 1,
				msg : '电话号码不得为空',
				bg : '#AE81FF',
				time : 3
			});

			$("#phone").focus();
			return false;
		}
		
		if (email == "") {

			$("#email").tips({
				side : 1,
				msg : '邮箱地址不得为空',
				bg : '#AE81FF',
				time : 3
			});

			$("#email").focus();
			return false;
		}
		if (code == "") {
			$("#code").tips({
				side : 1,
				msg : '验证码不得为空',
				bg : '#AE81FF',
				time : 3
			});

			$("#code").focus();
			return false;
		}
		$.ajax({
			type: "POST",
			url: "apply",
			data: { companyName :  $("input[name='companyName']").val(),userName : $("#userName").val(),
				userPhone : $("input[name='phone']").val(),message : $("textarea[name='message']").val(),
				userEmail : $("input[name='email']").val(),code : $("input[name='code']").val() },
			contentType:'application/x-www-form-urlencoded; charset=UTF-8',
			async: true,
			dataType: "html",
			success: function(data) {
				if("codeerror" == data){
					$("#code").tips({
						side : 1,
						msg : '请输入正确的验证码',
						bg : '#AE81FF',
						time : 3
					});
					$("#code1").focus();
				}
				if("success" == data){
					alert("提交成功, 工作人员会及快与您联系！");
				};
			}
	
		});
		
	}
	function p(){
           var inp= document.getElementById("phone");
           var reg=/^(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/;
           var result= reg.test(inp.value);
           if(!result)
           {
        	   $("#phone").tips({
					side : 1,
					msg : '请输入正确的手机号码',
					bg : '#AE81FF',
					time : 3
				});
           }}
	function checkemail(){
		var temp = document.getElementById("email");
		//对电子邮件的验证
		var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
		if(temp.value!=""){
		if(!myreg.test(temp.value)){
			$("#email").tips({
				side : 1,
				msg : '请输入正确的邮箱地址',
				bg : '#AE81FF',
				time : 3
			});
		temp.focus();
		return false;}}}

	</script>
</html>
